<template>
	<div class="loading">
		<img width='24' src="./loading.gif">
		<span v-text="title" class="title"></span>
	</div>
</template>

<script type="text/ecmascript-6">
	export default {
		props: {
			title: {
				type: String,
				default: '加载中...'
			}
		}
	}
</script>

<style scoped lang="stylus" rel="stylesheet/stylus">
  @import "~common/stylus/variable"

  .loading
    width: 100%
    text-align: center
    .title
      line-height: 20px
      font-size: $font-size-small
      color: $color-text-l
</style>